<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>Spring Boot Contacts</title>
<link rel="stylesheet" th:href="@{/style.css}" />
</head>
<body>
	<form method="POST">
		<label for="firstName">First Name:</label>
		<input type="text" name="firstName" />
		<br />
		<label for="lastName">Last Name:</label>
		<input type="text" name="lastName" />
		<br />
		<label for="phoneNumber">Phone #:</label>
		<input type="text" name="phoneNumber"></input>
		<br />
		<label for="emailAddress">Email:</label>
		<input type="text" name="emailAddress"></input>
		<br />
		<input type="submit"></input>
	</form>

	<ul th:each="contact : ${contacts}">
		<li>
			<span th:text="${contact.firstName}">First</span>
			<span th:text="${contact.lastName}">Last</span>:
			<span th:text="${contact.phoneNumber}">phoneNumber</span>,
			<span th:text="${contact.emailAddress}">emailAddress</span>
		</li>
	</ul>
</body>
</html>